<template>
    <el-dialog title="管理绑定的机器人" :visible.sync="dialogTableVisible20" :show-close="false" :center="true" top="200px" :close-on-click-modal="false">
        <div class="dialogVue">
            <div class="inner flex_between align_center">
                <div class="flex">
                    <el-tag closable type="info">1111</el-tag>
                </div>
            </div>
            <div class="flex_between margin40">
                <div class="cancel" @click="cancel">取消</div>
                <div class="create" @click="submitFun()">确认</div>
            </div>
        </div>
    </el-dialog>
</template>

<script>
export default {
    props: {
        dialogTableVisible20: {
            type: Boolean,
            default: false
        }
    },
    data(){
        return {
            repositityName: "",
            repositoryDescription: ""
        }
    },
    methods: {
        submitFun(){

        },
        cancel(){
            this.$emit("cancel")
        }
    }
}
</script>

<style lang="less" scoped>
:deep(.el-dialog) {
    width: 600px !important;
    height: auto;
}
:deep(.el-dialog__title) {
    color: #111;
    font-size: 16px;
    font-weight: 600;
}
:deep(.el-dialog__header) {
    padding: 0;
}
:deep(.el-dialog__body) {
    padding: 30px !important;
}
.dialogVue {
    width: 100%;
    .title {
        color: #111;
        font-size: 16px;
        font-weight: 600; 
        text-align: center;
    }
    .inner {
        width: 100%;
        height: 60px;
        background: #f5f5f5;
    }
    .cancel, .create {
        width: 250px;
        height: 42px;
        border-radius: 18px;
        border: none;
        cursor: pointer;
        text-align: center;
        line-height: 42px;
    }
    .cancel {
        background: transparent;
        border: 1px solid #AAA;
        color: #999;
        line-height: 40px;
    }
    .create {
        background: #0147fd;
        color: #fff;
    }
}
</style>